<template>
  <div class="login">
    <login-bar></login-bar>
    <div class="login_full"></div>
    <div class="container">
      <div class="form-group">
        <input type="text" class="form-control login_user" id="username" placeholder="用户名" />
        <input type="text" class="form-control login_user" id="password" placeholder="密码" />
        <router-link class="quit_btn btn btn-default" :to="`/home`" tag="div">
          <span>登录</span>
        </router-link>
      </div>
    </div>
  </div>
</template>
<script>
import LoginBar from "../components/LoginBar";
export default {
  components: {
    LoginBar
  }
};
</script>
<style lang="less" scoped>
.login {
  width: 100%;
  height: 500px;

  .login_full {
    width: 100%;
    height: 100px;
    margin-bottom: 100px;
    border: none;
  }
  .container {
    border: none;
    display: flex;
    justify-content: center;
    .form-group {
      width: 100%;
      .login_user {
        border: none;
        outline: none;
        box-shadow: none;
        border-bottom: 1px solid #dedede;
        margin-bottom: 20px;
      }
      .quit_btn {
        // width: 80%;
        height: 80px;
        margin-top: 100px;
        border-radius: 40px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f34b70;
      }
    }
  }
}
</style>